html:not(.dark) {
  --el-color-primary: hsl(38, 100%, 44%);
  --el-color-primary-light-3: hsl(38, 100%, 58%);
  --el-color-primary-light-5: hsl(38, 100%, 68%);
  --el-color-primary-light-7: hsl(38, 100%, 81%);
  --el-color-primary-light-8: hsl(38, 100%, 88%);
  --el-color-primary-light-9: hsl(38, 100%, 93%);
  --el-color-primary-dark-2: hsl(38, 60%, 29%);
}

html.dark {
  --el-color-primary: hsl(38, 100%, 63%);
  --el-color-primary-light-3: hsl(38, 57%, 46%);
  --el-color-primary-light-5: hsl(38, 53%, 35%);
  --el-color-primary-light-7: hsl(38, 47%, 24%);
  --el-color-primary-light-8: hsl(38, 40%, 19%);
  --el-color-primary-light-9: hsl(38, 29%, 13%);
  --el-color-primary-dark-2: hsl(38, 100%, 70%);
}

body, html {
  margin: 0;
  padding: 0;
}

a {
  color: var(--el-color-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.dark .el-button.el-button--primary {
  color: black;
}
